<template>
  <div id="orders">
    <!-- tabbar -->
    <nav-bar title="订单页面" />
    <!-- tab -->
    <van-tabs v-model="tabActive" color="#5ba0f4" swipeable>
      <van-tab title="全部订单" name="all">全部订单</van-tab>
      <van-tab title="待支付" name="peer-pay">待支付</van-tab>
      <van-tab title="待发货" name="paid">待发货</van-tab>
      <van-tab title="待收货" name="logistics">待收货</van-tab>
    </van-tabs>
  </div>
</template>

<script>
import NabBar from '../components/NavBar'
export default {
  name: 'orders',
  components: {
    'nav-bar': NabBar
  },
  data () {
    return {
      tabActive: ''
    }
  },
  methods: {

  },
  created () {
    const hash = this.$route.hash.split('#')[1]
    this.tabActive = hash
  }
}
</script>

<style>

</style>
